<template>
	<view class="home">
		<view class="example page" @touchmove.stop.prevent>
			<hr-pull-load @refresh='refresh' @loadMore='loadMore' :height='-1' :pullHeight='50' :maxHeight='100' :lowerThreshold='20'
			 :bottomTips='bottomTips' :isAllowPull="false" :isTab='false' ref='hrPullLoad'>
		<view class="header">
			<view class="inputBox flex-row flex-between" :style="{top: iStatusBarHeight*2 +30 + 'upx'}">
				<input type="text" :disabled="true" placeholder="专利名称" @click="goSearch" />
				<image src="../../static/icon/sx@2x.png" @click="goFilter"></image>
			</view>
			<view class="page-section-spacing">
				<swiper class="swiper" :style="{height: iStatusBarHeight*2 + 440 + 'upx'}" :autoplay="true" :circular="true"
				 :indicator-dots="false" :interval="3000" :current="current" @change="swiperChange">
					<swiper-item v-for="(item, index) in homeSlide" :key="index">
						<image :src="item.coveImg" mode="aspectFill" :style="{height: iStatusBarHeight*2 + 440 + 'upx'}"></image>
					</swiper-item>

				</swiper>
				<view class="dots-container">
					<view v-for="(ad, index) in homeSlide" :key="index">
						<view :class="['dot', index === swiperCurrent ? 'active' : '']"></view>
					</view>
				</view>
			</view>
		</view>
		<view class="content">
			<!-- style="position: sticky;background: #FAFAFE;" :style="{top: iStatusBarHeight*2  + 'upx'}" -->
			<view class="tablist flex-row flex-between">
				<view :class="{ selected: tabIndex == index }" v-for="(item, index) in tabList" :key="item.id" @click="tabSelected(index)">{{ item.title }}</view>
			</view>
			<view v-if="tabIndex == 0">
				<view class="listBox">
					<view class="list" @click="goZLDetail(item.id)" v-for="item in dataList" :key="item.id">
						<!-- v-if="item.isCertification" -->
						<view class="title flex-row">
							<view class="rzTag flex-row" v-if="item.isCertification">
								<image src="../../static/icon/yrz@2x.png"></image>
								<text>已认证</text>
							</view>
							<view>{{item.patentName}}</view>
						</view>
						<view class="tagList flex-row">
							<view v-for="(i,index) in getlaber(item.keywords) " :key="index+5">{{i}}</view>
						</view>
						<view class="classList" v-if="item.needApplyType.lenght>0">
							<view v-for="n in item.needApplyType" :key="n" v-if="n==1">成果价值评估需求</view>
							<view v-for="n in item.needApplyType" :key="n" v-if="n==2">寻求销售渠道合作</view>
							<view v-for="n in item.needApplyType" :key="n" v-if="n==3">寻求转化生产合作</view>
							<view v-for="n in item.needApplyType" :key="n" v-if="n==4">寻求法律维权服务</view>
						</view>
						<view class="desc text-ellipsis3">
							{{item.introduction}}
						</view>
					</view>

				</view>
				<!-- <view class="nomore"> 我是有底线的 </view> -->
			</view>
			<view v-if="tabIndex == 1">
				<!-- <view class="nodata flex-col">
					<image src="../../static/icon/zwsj@2x.png"></image>
					<view>暂无数据</view>
				</view> -->
				<view class="listBox" v-for="item in recommendList" :key="item.userId">
					<view class="lists" @click="goDetail(item.userId)">
						<image :src="item.headImg" mode="aspectFill" class="avatar"></image>
						<view class="info">
							<view class="flex-row flex-between">
								<view class="flex-row">
									<text class="name">{{item.name}}</text>
									<view class="flex-row tag" v-if="item.userType">
										<image src="../../static/icon/tip@2x.png"></image>
										<text>{{getType(item.userType)}}</text>
									</view>
								</view>

								<image src="../../static/icon/yz@2x.png" class="tagImg"></image>
							</view>
							<view class="intro">{{item.userTypeName}}</view>
							<view class="desc text-ellipsis">{{item.introduce}}</view>
							<view class="has">
								已有
								<text>{{item.patentNumber}}</text>
								件专利
							</view>
						</view>
					</view>
					
				</view>
			</view>
			<view v-if="tabIndex == 2">
				<view class="listBoxs"  @click="goneedDetail(item.id)" v-for="(item,index) in needList" :key="index">
					<view class="listMaiBox">
						<view class="listMai">
							<view class="title">{{item.name}}</view>
							<view class="tagList flex-row">
								<view v-for="(i,index) in getlaber(item.keywords) " :key="index+5">{{i}}</view>
							</view>
						<!-- 	<view class="classList" v-if="item.needApplyType.length>0">
								<view v-for="n in item.needApplyType" :key="n" v-if="n==1">成果价值评估需求</view>
								<view v-for="n in item.needApplyType" :key="n" v-if="n==2">寻求销售渠道合作</view>
								<view v-for="n in item.needApplyType" :key="n" v-if="n==3">寻求转化生产合作</view>
								<view v-for="n in item.needApplyType" :key="n" v-if="n==4">寻求法律维权服务</view>
							</view> -->
							<view class="desc text-ellipsis3">
								{{item.introduce}}
							</view>
							<view class="flex-row flex-between prBox">
								<view class="prs">
									<text>￥</text>
									{{item.price }}
								</view>
								<view class="status">{{item.shelvesStatus?'【悬赏中】':'【未上架】' }}</view>
							</view>
						</view>
						<!-- <view class="btnGroup flex-row">
							<view class="del" @click="showDialog('xiajia')" v-if="item.shelvesStatus">下架</view>
							<view class="edit" @click="showDialog('edit')">修改</view>
						</view> -->
					</view>
			
			
				</view>
				
				
				<!-- <view class="nomore">-我是有底线的 -</view> -->
				<!-- <view class="nodata flex-col">
					<image src="../../static/icon/zwsj@2x.png"></image>
					<view>暂无数据</view>
				</view> -->
			</view>
			<view v-if="tabIndex == 3">
				<view class="newBox">
					<image src="../../static/icon/zxcj@2x.png" class="tImg"></image>
					<view class="scrollBox">
						<swiper class="swiper" :vertical="true" :autoplay="autoplay" :circular="true">
							<swiper-item class="newSuccess flex-row" v-for="(c,index) in completeList" :key="index" @click="patentDetail(c)">
								<view class="leftTitle">恭喜成交:</view>
								<view class="rightInfo flex-col">
									<view class="text-ellipsis infoTitle"><text style="color: red;">{{c.city?'('+c.city+')':''}}</text>{{c.patentName}}</view>
									<view class="flex-row flex-between infos">
										<view>购买方：{{c.userName}}</view>
										
									</view>
									<view class="flex-row flex-between infos mgTop10">
										<view>专利号：{{c.patentNumber}}</view>
										<view>成交时间：{{c.addTime}}</view>
									</view>
								</view>
							</swiper-item>
							
						</swiper>

						
					</view>

				</view>
				<view class="newsBox">
					<view class="tTitleBox flex-row">
						<image src="../../static/icon/hzzx@2x.png"></image>
						<view>资讯·合作</view>
					</view>

					<view class="newList flex-row flex-between" v-for="(n,index) in newsList" :key="index" @click="tonewsDetail(n.id)">
						<view class="flex-col">
							<view class="text-ellipsis2 newTitle">{{n.tittle}}</view>
							<view class="newTime">{{n.addTime}}</view>
						</view>
						<view class="newImg">
							<image :src="n.coverImg" mode="aspectFill" class=""></image>
						</view>
					</view>

				</view>
				<!-- <view class="nomore">-我是有底线的 -</view> -->
			</view>
			
			<view v-if="tabIndex == 4">
				<view class="listBoxs"  v-for="(item,index) in myList" :key="index">
					<view class="listMaiBox">
						<view class="listMai"  @click="goZLDetail(item.id)">
							<view class="title">{{item.patentName}}</view>
							<view class="tagList flex-row">
								<view v-for="(i,index) in getlaber(item.keywords) " :key="index+5">{{i}}</view>
							</view>
							<view class="classList" v-if="item.needApplyType.length>0">
								<view v-for="n in item.needApplyType" :key="n" v-if="n==1">成果价值评估需求</view>
								<view v-for="n in item.needApplyType" :key="n" v-if="n==2">寻求销售渠道合作</view>
								<view v-for="n in item.needApplyType" :key="n" v-if="n==3">寻求转化生产合作</view>
								<view v-for="n in item.needApplyType" :key="n" v-if="n==4">寻求法律维权服务</view>
								
							</view>
							<view class="desc text-ellipsis3">
								{{item.introduction}}
							</view>
							<view class="flex-row flex-between prBox">
								<view class="prs">
									<text>￥</text>
									{{item.transferPrice }}
								</view>
								<view class="status">{{item.shelvesStatus?'【上架中】':'【未上架】' }}</view>
							</view>
						</view>
						<view class="btnGroup flex-row">
							<view class="edit" @click="refresh(item.id)" v-if="item.shelvesStatus==true">刷新</view>
							<view class="sj" @click="showDialog('shangjia',item.id)" v-if="item.shelvesStatus==false">上架</view>
							<view class="del" @click="showDialog('xiajia',item.id)" v-if="item.shelvesStatus==true">下架</view>
							
							<view class="edit" @click="showDialog('edit')">修改</view>
						</view>
					</view>


				</view>
				
				
				<!-- <view class="nomore">-我是有底线的 -</view> -->
				<!-- <view class="nodata flex-col">
					<image src="../../static/icon/zwsj@2x.png"></image>
					<view>暂无数据</view>
				</view> -->
			</view>
		</view>
		<view class="concat" @click="tomeagss" v-if="tabIndex == 0">
			<image src="../../static/kf.png"></image>
		</view>
		<view class="textCenter" v-if="bottomTips!==''"> {{bottomTips}}</view>
		</hr-pull-load>
		</view>
		<view class="concat" v-if="tabIndex == 4 ">
			<image src="../../static/icon/fabu.png" @click="fabu"></image>
		</view>
		<uni-popup ref="uniPop" type="dialog">
			<uni-popup-del :type="type" :opreate="opreate" :title="title" :content="content" :before-close="true" @confirm="dialogConfirm"
			 @close="dialogClose"></uni-popup-del>
		</uni-popup>

	</view>
</template>

<script>
	import hrPullLoad from '@/components/hr-pull-load/hr-pull-load.vue';
	export default {
		data() {
			return {
				title: "",
				patentId:'',//专利ID
				content: "",
				type: 'info',
				tabIndex: 0,
				opreate: "",
				tabList: [{
						title: '专利·技术',
						isSelected: true,
						id: 1
					},
					{
						title: '优选专家',
						isSelected: false,
						id: 2
					},
					
					{
						title: '需求悬赏',
						isSelected: false,
						id: 3
					},
					{
						title: '交易资讯',
						isSelected: false,
						id: 4
					},
					{
						title: '我的卖场',
						isSelected: false,
						id: 5
					}
				],
				current: 0,
				swiperCurrent: 0,
				homeSlide: [], // 定义值接收轮播图数据
				iStatusBarHeight: '',
				currentPage: 1,
				size: 20,
				dataList: [],
				recommendList: [],
				completeList: [],
				autoplay:true,
				newsList:[],
				amounts:'',
				field:'',
				myList:[],
				needList:[],
				height: '',
				bottomTips: '',
				iskefu:false,
				rongid:''
				
			};
		},
		onShow() {
			let that = this
			this.getPatentList(1);
			that.getHomeSlideFunc()
			this.getInfo()
		},
		mounted() {
			this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight

		},
		// onReachBottom(){  //上拉触底函数
		//      this.loadMore()
		//  },
		//  onPullDownRefresh(){  //下拉
		//       this.refresh()
		//   },
		methods: {
			//自定义上拉加载更多
			loadMore() {
				this.currentPage++;
				this.bottomTips = "加载中···";
				// this.getProject(2);
				if (this.tabIndex == 0) {
					this.getPatentList(2);
				} else if (this.tabIndex == 1) {
					this.getRecommendList(2);
				} else if (this.tabIndex == 2) {
					
					this.getneedList(2)
					
				} else if (this.tabIndex == 3) {
					this.getCompleteList(2)
					this.getNewsList(2)
				}
				else if (this.tabIndex == 4) {
					this.getMysList(2)
				}
			},
			//自定义下拉刷新
			refresh() {
				this.currentPage = 1;
				if (this.tabIndex == 0) {
					this.getPatentList(1);
				} else if (this.tabIndex == 1) {
					this.getRecommendList(1);
				} else if (this.tabIndex == 2) {
					
					this.getneedList(1)
					
				} else if (this.tabIndex == 3) {
					this.getCompleteList(1)
					this.getNewsList(1)
				}
				else if (this.tabIndex == 4) {
					this.getMysList(1)
				}
			},
			//获取专利列表
			getPatentList(types) {
				let that = this
				this.$http.get('/patent/getPatentList', {
					type: 1,//1=买家，2=卖家
					size: this.size,
					current: this.currentPage
				}).then(res => {
					if (res.code == '0') {
						// this.dataList = res.data.records;
						let data = res.data.records;
						/* 拿到数据后的处理 */
						if(data.length>0){
							if(types==1){
								this.dataList = data
								this.bottomTips = "";
							}else if(types==2){
							
								this.dataList = this.dataList.concat(data);
									console.log(this.currentPage)
								if(this.dataList.length<this.size){
									if(this.currentPage>1){
										this.bottomTips = "没有更多了";
									}
								}else{
									
									this.bottomTips = "加载中···";
									
								}
							}
						}else{
							if(types==1){
								
								this.dataList = [];
								this.bottomTips = " ";
							}
							else if(types==2){
								this.dataList = this.dataList.concat(data);
								this.bottomTips = "没有更多了";
							}
							
						}
						
					}
				})
			},
			setData(a,f){
				this.amounts = a
				this.field = f
				this.getPatentList(1)
			},
			//获取专家列表
			getRecommendList(types) {
				this.$http.get('/userExpert/recommendList', {
					keywords: '',
					size: this.size,
					current: this.currentPage
				}).then(res => {
					if (res.code == '0') {
						// this.recommendList = res.data.records;
						let data = res.data.records
						/* 拿到数据后的处理 */
						if(data.length>0){
							if(types==1){
								this.recommendList = data
								this.bottomTips = "";
							}else if(types==2){
								console.log(this.recommendList)
								this.recommendList = this.recommendList.concat(data);
								if(this.recommendList.length<this.size){
									if(this.currentPage>1){
										this.bottomTips = "没有更多了";
									}
								}else{
									
									this.bottomTips = "加载中···";
									
								}
							}
						}else{
							if(types==1){
								
								this.recommendList = [];
								this.bottomTips = " ";
							}
							else if(types==2){
								this.recommendList = this.recommendList.concat(data);
								this.bottomTips = "没有更多了";
							}
							
						}
						/* 这里300毫秒的延时，主要是为了优化视觉效果 */
						setTimeout(()=>{
							this.$refs.hrPullLoad.reSet();
						},300);
					}
				})
			},
			//最新交易资讯
			getCompleteList(types) {
				this.$http.get('/newsInfo/getCompleteList', {
					keywords: '',
					size: this.size,
					current: this.currentPage
				}).then(res => {
					if (res.code == '0') {
						// this.completeList = res.data;
						let data = res.data
						/* 拿到数据后的处理 */
						if(data.length>0){
							if(types==1){
								this.completeList = data
								this.bottomTips = "";
							}else if(types==2){
								this.completeList = this.completeList.concat(data);
								if(this.completeList.length<this.size){
									if(this.currentPage>1){
										this.bottomTips = "没有更多了";
									}
								}else{
									
									this.bottomTips = "加载中···";
									
								}
							}
						}else{
							if(types==1){
								
								this.completeList = [];
								this.bottomTips = " ";
							}
							else if(types==2){
								this.completeList = this.completeList.concat(data);
								this.bottomTips = "没有更多了";
							}
							
						}
						/* 这里300毫秒的延时，主要是为了优化视觉效果 */
						setTimeout(()=>{
							this.$refs.hrPullLoad.reSet();
						},300);
					}
				})
			},
			//获取资讯列表
			getNewsList(types) {
				this.$http.get('/newsInfo/getNewsList', {
					size: this.size,
					current: this.currentPage
				}).then(res => {
					if (res.code == '0') {
						// this.newsList = res.data.records;
						let data = res.data.records
						/* 拿到数据后的处理 */
						if(data.length>0){
							if(types==1){
								this.newsList = data
								this.bottomTips = "";
							}else if(types==2){
								this.newsList = this.newsList.concat(data);
								if(this.newsList.length<this.size()){
									if(this.currentPage>1){
										this.bottomTips = "没有更多了";
									}
								}else{
									
									this.bottomTips = "加载中···";
									
								}
							}
						}else{
							if(types==1){
								
								this.newsList = [];
								this.bottomTips = " ";
							}
							else if(types==2){
								this.newsList = this.newsList.concat(data);
								this.bottomTips = "没有更多了";
							}
							
						}
						/* 这里300毫秒的延时，主要是为了优化视觉效果 */
						setTimeout(()=>{
							this.$refs.hrPullLoad.reSet();
						},300);
					}
				})
			},
			//获取我的专利列表
			getMysList(types) {
				this.$http.get('/myPatent/getMyPatentList', {
					size: this.size,
					current: this.currentPage,
				}).then(res => {
					if (res.code == '0') {
						// this.myList = res.data.records;
						let data = res.data.records
						console.log(data.length)
						/* 拿到数据后的处理 */
						if(data.length>0){
							if(types==1){
								this.myList = data
								 
								this.bottomTips = "";
							}else if(types==2){
								this.myList = this.myList.concat(data);
								if(this.myList.length<this.size){
									if(this.currentPage>1){
										this.bottomTips = "没有更多了";
									}
								}else{
									
									this.bottomTips = "加载中···";
									
								}
							}
						}else{
							if(types==1){
								this.myList = [];
								this.bottomTips = " ";
							}
							else if(types==2){
								this.myList = this.myList.concat(data);
								this.bottomTips = "没有更多了";
								this.currentPage--
							}
						}
						/* 这里300毫秒的延时，主要是为了优化视觉效果 */
						setTimeout(()=>{
							this.$refs.hrPullLoad.reSet();
						},300);
					}
				})
			},
			//获取需求悬赏列表
			getneedList(types) {
				this.$http.get('/demand/getDemandList', {
					size: this.size,
					current: this.currentPage
				}).then(res => {
					if (res.code == '0') {
						// this.needList = res.data.records;
						let data = res.data.records
						/* 拿到数据后的处理 */
						if(data.length>0){
							if(types==1){
								this.needList = data
								this.bottomTips = "";
							}else if(types==2){
								this.needList = this.needList.concat(data);
								if(this.needList.length<this.size){
									if(this.currentPage>1){
										this.bottomTips = "没有更多了";
									}
								}else{
									this.bottomTips = "加载中···"
								}
							}
						}else{
							if(types==1){
								
								this.needList = [];
								this.bottomTips = " ";
							}
							else if(types==2){
								this.needList = this.needList.concat(data);
								this.bottomTips = "没有更多了";
							}
							
						}
						/* 这里300毫秒的延时，主要是为了优化视觉效果 */
						setTimeout(()=>{
							this.$refs.hrPullLoad.reSet();
						},300);
					}
				})
			},
			//专利详情
			goZLDetail(id) {
				uni.navigateTo({
					url: '/pages/detail/index?id=' + id
				})
			},
			goneedDetail(id){
				uni.navigateTo({
					url: '/pages/detail/index?need=true&id=' + id
				})
			},
			swiperChange(e) {
				this.swiperCurrent = e.detail.current;
			},
			tabSelected(index) {
				this.tabIndex = index;
				this.currentPage = 1
				if (this.tabIndex == 0) {
					this.getPatentList(1);
				} else if (this.tabIndex == 1) {
					this.getRecommendList(1);
				} else if (this.tabIndex == 2) {
					this.getneedList(1)
				} else if (this.tabIndex == 3) {
					this.getCompleteList(1)
					this.getNewsList(1)
				}
				else if (this.tabIndex == 4) {
					this.getMysList(1)
				}
			},
			goSearch() {
				uni.navigateTo({
					url: '/pages/home/search'
				});
			},
			goFilter() {
				if(this.tabIndex == 0){
					uni.navigateTo({
						url: '/pages/home/filter'
					});
				}
			},
			//专家详情
			goDetail(id) {
				uni.navigateTo({
					url: '/pages/profess/detail?id=' + id
				});
			},
			//发布专利
			fabu() {
				uni.navigateTo({
					url: '/pages/detail/fabu?type=1'
				});
			},
			//获取轮播图
			getHomeSlideFunc() {
				var _self = this;
				this.$http.get('/public/getBanner').then(res => {
					if (res.code == '0') {
						_self.homeSlide = res.data;
					}
				})
				
			},
			//刷新
			refresh(id){
				
				this.$http.get('/myPatent/refreshPatent', {
					patentId: id,
					
				}).then(res => {
					if (res.code == '0') {
						uni.showToast({
							title:res.msg,
							icon:'success',
							duration:1000,
						})
						// this.getMysList(1)
						
					}
				})
			},
			//唤醒弹窗
			showDialog(opreate,id) {
				this.patentId = id
				if (opreate == 'del') {
					this.title = '警告';
					this.content = "您正在进行专利删除操作 请谨慎！";
					this.opreate = 'del'
					
				} else if (opreate == 'shangjia') {
					this.title = '上架';
					this.content = "您正在进行上架操作";
					this.opreate = 'shangjia'
				} else if (opreate == 'xiajia') {
					this.title = '下架';
					this.content = "您正在进行下架操作";
					this.opreate = 'xiajia'
				} else if (opreate == 'edit') {
					this.title = '修改';
					this.content = "是否确认修改内容？";
					this.opreate = 'edit'
				}

				this.$refs.uniPop.open()
			},
			// 上下架
			getshelfUpDown(flag) {
				var that = this;
				that.$http.get('/myPatent/shelfUpDown', {
					patentId: this.patentId,
					shelvesStatus: flag
				}).then(res => {
					if (res.code == '0') {
						this.myList = res.data.records;
						setTimeout(function(){
							uni.showToast({
								title:res.msg,
								icon:'success',
								duration:1000,
							})
						},1000)
						
						this.getMysList(1)  
					
						
					}
				})
			},
			/**
			 * 对话框点击确认按钮
			 */
			dialogConfirm(oprate, done) {
				// 需要执行 done 才能关闭对话框
				if (oprate == 'del') {
					
				} else if (oprate == 'shangjia') {
					
					this.getshelfUpDown(true)
					
				} else if (oprate == 'edit') {
					
				} else if (oprate == 'xiajia') {
				
					this.getshelfUpDown(false)
				}
				done()
			},
			/**
			 * 对话框取消按钮
			 */
			dialogClose(done) {
				this.msgType = 'info'
				this.message = '点击了对话框的取消按钮'
				// 需要执行 done 才能关闭对话框
				done()
			},
			getlaber(item) {
				return item.split(',')
			},
			
			//资讯详情
			tonewsDetail(id) {
				uni.navigateTo({
					url:'newDetail?id='+id
				})
			},
			//专利详情
			patentDetail(item) {
				console.log(item.id)
			},
			getType(item){
				if(item == 1){
					return '普通用户'
				}else if(item == 2){
					return '行业专家'
				}else if(item == 3){
					return '合作高校'
				}else if(item == 4){
					return '合作单位'
				}else if(item == 5){
					return '合作院所'
				}else if(item == 6){
					return '合作伙伴'
				}
			},
			getInfo(){
				let id = uni.getStorageSync('userId')
				this.$http.get('/userCenter/getUserInfoById', {id:id}).then(res => {
					if (res.code == '0') {
						this.iskefu = res.data.isService
					
					}
				})
			},
			tomeagss(){
				let id = uni.getStorageSync('userId')
				if(this.iskefu ==true){
					uni.showToast({
						title:'您是客服',
						icon:"none"
					})
				}else{
					uni.navigateTo({
						url:'../message/webmsg?id='+id
						// url:'../message/chat?type=1'
					})
				}
				
			},
		}
	};
</script>

<style scoped lang="scss">
	.home {
		
		
		.example{
			height: calc(100vh - 0upx);
			overflow: auto;
			
		}
		.concat {
			width: 124upx;
			height: 124upx;
			position: fixed;
			right: 12upx;
			bottom: 154upx;

			image {
				width: 100%;
				height: 100%;
			}
		}

		.header {
			// height: 440upx;
			position: relative;

			.swiper {
				height: 440upx;
			}

			swiper-item image {
				width: 100%;
				height: 100%;
			}

			.dots-container {
				position: absolute;
				left: 0;
				right: 0;
				bottom: 20rpx;
				display: flex;
				justify-content: center;
			}

			.dot {
				margin: 0 8rpx;
				width: 14upx;
				height: 6upx;
				background: rgba(255, 255, 255, 1);
				opacity: 0.5;
				border-radius: 3upx;
			}

			.dot.active {
				width: 26upx;
				height: 6upx;
				background: rgba(255, 255, 255, 1);
				border-radius: 3upx;
				opacity: 1;
			}

			.inputBox {
				position: absolute;
				left: 30upx;
				top: 30upx;
				width: 690upx;
				z-index: 999;

				input {
					width: 556upx;
					height: 64upx;
					opacity: 0.9;
					border-radius: 32upx;
					padding-left: 62upx;
					background: rgba(245, 245, 249, 1) url(../../static/icon/icon_search@2x.png) no-repeat 20upx 20upx;
					background-size: 26upx 26upx;
					font-size: 24upx;
					color: #999;
				}

				image {
					width: 40upx;
					height: 40upx;
				}
			}
		}

		.content {
			margin-bottom: 20upx;

			.newsBox {
				background: #fff;
				padding: 30upx 30upx 0;
				margin-bottom: 20upx;

				.tTitleBox {
					font-size: 36upx;
					color: #22222a;
					align-items: center;

					>image {
						width: 34upx;
						height: 36upx;
						margin-right: 16upx;
					}
				}

				.newList {
					padding: 30upx 0;
					border-bottom: 1upx solid #eee;

					&:last-child {
						border-bottom: none;
					}

					.newTitle {
						font-size: 28upx;
						color: #22222a;
						width: 436upx;
						// height: 69upx;
						margin-bottom: 35upx;
					}

					.newTime {
						color: #999;
						font-size: 22upx;
					}

					.newImg {
						width: 210upx;
						height: 140upx;
						border-radius: 8upx;
						overflow: hidden;

						>image {
							width: 100%;
							height: 100%;
						}
					}
				}
			}

			.newBox {
				background: #fff;
				padding: 30upx 30upx 0;
				margin-bottom: 20upx;
				max-height: 640upx;
				overflow-y: auto;

				.scrollBox {
					max-height: 300upx;
					uni-swiper{
						height: 150upx;
						max-height: 300upx;
						padding: 30upx 0;
					}
				}
				

				.tImg {
					width: 178upx;
					height: 48upx;
					display: block;
				}

				.newSuccess {
					// padding: 30upx 0;
					display: flex;
					align-items: baseline;
					// border-bottom: 1upx solid #eee;

					&:last-child {
						border-bottom: none;
					}

					.leftTitle {
						font-size: 26upx;
						color: #fd580a;
						padding-right: 20upx;
					}

					.rightInfo {
						font-size: 26upx;
						color: #22222a;

						.infoTitle {
							width: 555upx;
							padding-bottom: 20upx;
						}

						.infos {
							font-size: 22upx;
							color: #999;
						}
					}
				}
			}

			.tablist {
				padding: 0;
				position: sticky;
				top: 0;
				background: #f5f5f9;
				z-index: 1;
				overflow-x: scroll;
				width: 100%;
				white-space: nowrap;
				>view {
					width: 25%;
					font-size: 32upx;
					padding: 40upx 0 20upx;
					text-align: center;
					color: #22222a;
					margin-left: 18upx;
					&:last-child{
						padding-right: 30upx;
					}
					&.selected {
						color: #fd580a;
						background: url(../../static/icon/selected.png) no-repeat 50% bottom;
						background-size: 82upx 10upx;
						font-size: 36upx;
						font-weight: bold;
					}
				}
			}

			.nomore {
				font-size: 20upx;
				color: #999;
				padding: 30upx 0 37upx;
				text-align: center;
			}

			.nodata {
				font-size: 24upx;
				color: #999;
				text-align: center;

				image {
					width: 160upx;
					height: 160upx;
					margin: 176upx auto 40upx;
				}
			}

			.listBox {
				margin-top: 20upx;
				background: #fff;
				padding: 0 30upx;

				.lists {
					padding: 30upx 0;
					border-bottom: 1upx solid rgba(238, 238, 238, 1);
					display: flex;
					flex-direction: row;
					align-items: center;
					justify-content: space-around;

					.avatar {
						width: 180upx;
						height: 180upx;
						border-radius: 8upx;
					}

					&:last-child {
						border-bottom: none;
					}

					.info {
						>view {
							margin-bottom: 17upx;
						}

						margin-left: 30upx;

						.name {
							font-size: 32upx;
							color: #22222a;
							font-weight: bold;
						}

						.intro {
							font-size: 26upx;
							color: #22222a;
						}

						.desc {
							font-size: 26upx;
							color: #666;
							width: 442upx;
						}

						.has {
							font-size: 26upx;
							color: #22222a;
							width: 100%;

							>text {
								color: #fd580a;
							}
						}

						.tag {
							background: #38d214;
							color: #fff;
							font-size: 22upx;
							align-items: center;
							// width:146upx;
							padding: 0 10upx 0 0;
							height: 40upx;
							line-height: 40upx;
							border-radius: 18upx;
							margin-left: 20upx;

							>image {
								width: 40upx;
								height: 40upx;
								vertical-align: middle;
							}
						}

						.tagImg {
							width: 28upx;
							height: 30upx;
						}
					}
				}

				.list {
					padding: 30upx 0;
					border-bottom: 1upx solid rgba(238, 238, 238, 1);

					&:last-child {
						border-bottom: none;
					}

					.title {
						font-size: 32upx;
						color: #22222a;
						font-weight: bold;
						width: 100%;
						white-space: nowrap;
						text-overflow: ellipsis;
						overflow: hidden;

						.rzTag {
							color: #fff;
							font-size: 24upx;
							background: #FD580A;
							width: 100upx;
							height: 38upx;
							padding: 0 6upx;
							line-height: 38upx;
							border-radius: 8upx;
							align-items: center;
							margin-right: 10upx;

							image {
								width: 26upx;
								height: 22upx;

								vertical-align: middle;
							}
						}
					}

					.tagList {
						padding-top: 23upx;
						padding-bottom: 23upx;

						>view {
							font-size: 22upx;
							color: #fd580a;
							border: 1upx solid #fd580a;
							padding: 5upx 10upx;
							margin-right: 16upx;
							border-radius: 8upx;
						}
					}

					.classList {
						color: #38d214;
						font-size: 26upx;

						// flex-wrap: wrap;
						>view {
							display: inline-flex;
							background: url(../../static/icon/green.png) no-repeat left 13upx;
							background-size: 8upx 8upx;
							padding-left: 20upx;
							margin-right: 37upx;
							padding-bottom: 20upx;

							&:first-child {
								margin-left: 0;
							}
						}
					}

					.desc {
						color: #666666;
						font-size: 28upx;
					}

					.prBox {
						padding: 54upx 0 0;

						.prs {
							font-size: 30upx;
							font-weight: bold;
							color: #fd580a;

							>text {
								font-size: 24upx;
							}
						}

						.status {
							font-size: 30upx;
							color: #22222a;
						}
					}
				}
			}

			.listBoxs {
				margin-top: 20upx;
				background: #fff;
				padding: 0 30upx;

				.listMaiBox {
					.listMai {
						padding: 30upx 0;
						border-bottom: 1upx solid rgba(238, 238, 238, 1);

						&:last-child {
							border-bottom: none;
						}

						.title {
							font-size: 32upx;
							color: #22222a;
							font-weight: bold;
						}

						.tagList {
							padding-top: 23upx;
							padding-bottom: 23upx;

							>view {
								font-size: 22upx;
								color: #fd580a;
								border: 1upx solid #fd580a;
								padding: 5upx 10upx;
								margin-right: 16upx;
								border-radius: 8upx;
							}
						}

						.classList {
							color: #38d214;
							font-size: 26upx;

							// flex-wrap: wrap;
							>view {
								display: inline-flex;
								background: url(../../static/icon/green.png) no-repeat left 13upx;
								background-size: 8upx 8upx;
								padding-left: 20upx;
								margin-right: 37upx;
								padding-bottom: 20upx;

								&:first-child {
									margin-left: 0;
								}
							}
						}

						.desc {
							color: #666666;
							font-size: 28upx;
						}

						.prBox {
							padding: 54upx 0 0;

							.down {
								color: #fd580a;
							}

							.prs {
								font-size: 30upx;
								font-weight: bold;
								color: #fd580a;

								>text {
									font-size: 24upx;
								}
							}

							.status {
								font-size: 30upx;
								color: #22222a;
							}
						}
					}

					.btnGroup {
						justify-content: flex-end;
						align-items: center;
						padding: 20upx 0;

						>view {
							margin-right: 20upx;
							font-size: 26upx;
							padding: 12upx 25upx;
							border: 1upx solid rgba(204, 204, 204, 1);
							border-radius: 8upx;

							&:last-child {
								margin-right: 0;
							}

							&.down {
								color: #999;
								border: none;
							}

							&.edit {
								border: 1upx solid #38d214;
								color: #38d214;
							}

							&.sj {
								border: 1upx solid #fd580a;
								color: #fd580a;
							}

							&.del {
								border: 1upx solid rgba(204, 204, 204, 1);
								color: rgba(204, 204, 204, 1);
							}
						}
					}
				}
			}
		}
	}
</style>
